<template>
	<view class="">
		<view class="my-top cent">
			<view class="ava">
				<open-data type="userAvatarUrl" class=""></open-data>
			</view>
			
			<view class="">
				李小龙
			</view>
			<view class="phone">
				手机：18888888888
			</view>
		</view>
		<view class="line"></view>
		<view class="list">
			<uni-list>
			   <uni-list-item @click="jump(1)" title="律师认证" :show-badge="true" badge-text="未认证" thumb="../../static/lawer/my/renzheng.png"></uni-list-item>
			   <uni-list-item @click="jump(2)" title="招聘与求职" thumb="../../static/lawer/my/zhaoping.png"></uni-list-item>
			</uni-list>
		</view>
		<view class="line"></view>
		<view class="list">
			<uni-list>
			    <uni-list-item @click="jump(3)" title="我的订单" thumb="../../static/lawer/my/dingdan.png"></uni-list-item>
			    <uni-list-item @click="jump(4)" title="我的案例" :show-badge="true" badge-text="一键导入裁判文书网案例" thumb="../../static/lawer/my/anli.png"></uni-list-item>
				<uni-list-item @click="jump(5)" title="我的钱包" thumb="../../static/lawer/my/qianbao.png"></uni-list-item>
				<uni-list-item @click="jump(6)" title="我的收藏" thumb="../../static/lawer/my/shoucang.png"></uni-list-item>
			</uni-list>
		</view>
		<view class="line"></view>
		<view class="list">
			<uni-list>
			   <uni-list-item @click="jump(7)" title="意见反馈" thumb="../../static/lawer/my/fankuai.png"></uni-list-item>
			</uni-list>
		</view>
		
	</view>
</template>

<script>
import uniList from "@/components/uni-list/uni-list.vue"
import uniListItem from "@/components/uni-list-item/uni-list-item.vue"
export default{
	data(){
		return{
			
		}
	},
	methods:{
		jump(type){
			
		}
	},
	components:{
		uniList,
		uniListItem
	}
}
</script>

<style lang="scss" scoped>
.line{
	height: 15rpx;
	background-color: #f2f2f2;
}
.my-top{
	text-align: center;
	flex-direction: column;
	font-size: 22rpx;
	padding: 0 0 50rpx 0;
	.ava{
		display: block;  
		 width: 120rpx;  
		 height: 120rpx; 
		 text-align: center;
		 overflow: hidden;
		 margin-top: 10rpx;  
		 border-radius: 13px;  
		 border: 2px solid #fff;  
		 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);  
	}
	view{
		font-size: 28rpx;
		margin: 10rpx 0 0 0;
		color: #02C8FD;
	}
	.phone{
		font-size: 25rpx;
	}
}
.list{
	
}
.btn{
	background-color: transparent;
	border: 0;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 25rpx;
	text-align: left;
}
button::after{
	border: 0;
}
</style>
